<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ page import="java.io.*, java.sql.*, java.util.*,LS.*, date.*"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="UTF-8">
<style>
body,table,tr,td,select,input,div,form,textarea,font{font-family:Mond; font-size=12pt; } 
.b:hover {
	background-color: black;
	color: white;
	cursor: pointer;
}

.chkbox {
	background-color: white;
	color: black;
}

th,td {
	padding-bottom: 5px;
	padding-top: 5px;
}

h4,h1 {
	margin: 0px;
	padding: 0px;
}

th {
	height: 30px;
	border-right: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}

tr {
	border-bottom: 1px solid #e5e5e5;
}

table {
	width: 100%;
}

.check {
	width: 10.5%;
}

.group {
	width: 10%;
}

.position {
	width: 10%;
}

.name {
	width: 10.1%;
}

.department {
	width: 19.1%;
}

.modelname {
	width: 19.1%;
}

#modelname {
	border-right: 1px solid #e5e5e5;
}

.checkboxClick {
	
}

#outerview {
	padding-top: 10px;
	margin-left: 0px;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

#outerview {
	width: 100%;
	min-height: 600px;
	padding: 0px;
}

#middleview {
	width: 90%;
	min-height: 500px;
	margin: 20px auto 20px auto;
	left: 50%;
}

#innerview {
	width: 100%;
	min-height: 100%;
	text-align: center;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
</style>

<head>
<meta charset="utf-8">
<title>성공회대학교 기자재 대여 시스템</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- styles시트 -->
<link href="/LSsystem/assets/css/bootstrap.css" rel="stylesheet">
<link href="/LSsystem/assets/css/bootstrap-responsive.css" rel="stylesheet">
<link href="/LSsystem/assets/css/docs.css" rel="stylesheet">

<script type="text/javascript"
	src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script type="text/javascript" src="/LSsystem/assets/smartPop/jquery.smartPop.js"></script>
<link rel="stylesheet" href="/LSsystem/assets/smartPop/jquery.smartPop.css" />

<script type="text/javascript">
	$(document).ready(function() {
		$('.a').click(function() {
			lending = $(this).attr('id');
			u_id = $(this).attr("value");
			m_name = $(this).attr("name");
			q = $(this).parent().attr("value");
			$.smartPop.open({
				width : 700,
				height : 190,
				url : 'realLendingSmartPop.do?id='+lending+'&u_id='+u_id+'&m_name='+m_name+'&q='+q
			});
		});
	});

	function smartPopClose() {
		$.smartPop.close();
	}
</script>

</head>

<body data-spy="scroll" data-target=".bs-docs-sidebar">
	<!-- 메뉴
    ================================================== -->

	<jsp:include page="/managertop.do"></jsp:include>

	<!-- 게시판
    ================================================== -->
	<div style="text-align: center">
		<div class="marketing"
			style="margin-bottom: 30px; color: #000; text-align: left">
			<div class="container">
				<h3 style="margin: 10px; font-size: 35px;">
					<strong>기자재 대여 확인</strong>
				</h3>
			</div>
		</div>
	</div>
	<div class="container">
		<div id="outerview">
			<div id="middleview">
					<form action="" method="post" style="text-align: left">
						<b style="font-size: 16px">학번(사번)&nbsp;&nbsp;</b>
						<input type="text" name="id" style="margin-top:8px;">
						<Button type="submit" class="btn">검색</Button>
					</form>
				<div id="innerview">
					<table class="tableview">
						<tr>
							<th class="group">구분</th>
							<th class="position">직책</th>
							<th class="name">이름</th>
							<th class="name">학번</th>
							<th class="department">소속</th>
							<th class="modelname">품목</th>
							<th class="modelname">모델</th>
						</tr>
						<c:forEach var="list" items="${aprovelist}">
							<input type="hidden" value="${list.lending_R_E}">
							<tr class="b" id="${list.lending_id }" value="${list.lending_R_E}" name="${list.model_name }" >
								<td class="a" id="${list.lending_id }" value="${list.user_id }" name="${list.model_name }">
								<c:if test="${list.lending_R_E == 'L'}"> 대여</c:if>
								<c:if test="${list.lending_R_E == 'E'}"> 연장</c:if>
								<c:if test="${list.lending_R_E == 'R'}"> 예약</c:if>
								</td>
								<td class="a" id="${list.lending_id }" value="${list.user_id }" name="${list.model_name }">
								<c:if test="${list.user_position == 'S' }">학생</c:if>
								<c:if test="${list.user_position == 'F' }">수업담당교수</c:if>
								<c:if test="${list.user_position == 'P' }">재직교수</c:if>
								<c:if test="${list.user_position == 'T' }">학과장</c:if>
								</td>
								<td class="a" id="${list.lending_id }" value="${list.user_id }" name="${list.model_name }" >${list.name }</td>
								<td class="a" id="${list.lending_id }" value="${list.user_id }" name="${list.model_name }" >${list.user_id }</td>
								<td class="a" id="${list.lending_id }" value="${list.user_id }" name="${list.model_name }" >${list.departments_name }</td>
								<td class="a" id="${list.lending_id }" value="${list.user_id }" name="${list.model_name }" >${list.item_name }</td>
								<td class="a" id="${list.lending_id }" value="${list.user_id }" name="${list.model_name }" >${list.model_name }</td>
							</tr>
						</c:forEach>
					</table>
				</div>
			</div>
		</div>
	</div>

	<!-- 꼬리말
    ================================================== -->
	<footer class="footer">
		<div class="container">
			<p>Copyright SKHU. Software Student.</p>
		</div>
	</footer>
</body>
<script type="text/javascript" src="/LSsystem/assets/js/bootstrap.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('.dropdown-toggle').dropdown();
	});
</script>
</html>
